var common_utils = {
    /**
     * @param {Object} option - 配置属性
     * @param {String} option.title - alert标题 可不传
     * @param {String} option.msg - alert信息
     * @param {String} option.type - alert类型 可选配置：success info warning error，默认为info
     * @param {Boolean} option.icon - 是否显示前面图标,可不传,默认显示
     */
    showAlert: function(option) {
        var html = [],
            iconEnable = option.icon !== undefined ? option.icon : true;
        
        html.push("<div class='el-alert el-alert-" + (option.type ? option.type : "info") + "'>");

        if (iconEnable) {
            html.push("<i class='el-alert-" + (option.title ? 'lg' : "sm") + "-tag'></i>");
        }

        html.push("<div class='el-alert-content'>");
        option.title ? html.push("<div class='el-alert-title'>" + option.title + "</div>") : "";
        html.push("<div>" + option.msg +"</div>");
        html.push("</div>");
        html.push("<i class='el-alert-close'></i>");
        html.push("</div>");

        var node = $(html.join(""));

        $("body").append(node);

        node.find(".el-alert-close").on("click", function () {
            node.remove();
        });
    },

    /**
     * @param {Object} option
     * @param {String} option.type 通知类型 可选 success info error warning 默认info
     * @param {String} option.title 通知标题
     * @param {String} option.msg 通知信息
     */
    showNotice: function(option) {
        var node = $("<div>"), html = "";
        node.addClass("el-notification-box");
        html += "<i class='v-mid el-notification-icon " + (option.type ? option.type : "info") +"'></i>";
        
        html += "<div class='d-in-block el-notification-right v-mid pl10'>";

        if(option.title) {
            html += "<div class='font-size-20'>" + option.title +"</div>";
        }

        html += "<div class='font-size-13 mt5 text-color6'>" + option.msg +"</div>";
        html += "<span class='el-notification-close'></span>";
        html += "</div>";

        node.html(html);

        $("body").append(node);
        node.find(".el-notification-close").on("click", function() {
            node.remove();
        });
    }
};
